<template>
  <section class="marriage-ser">
    <div class="service-item">
      <div class="bg"></div>
      <p>八字合婚</p>
    </div>
    <div class="service-item">
      <div class="bg"></div>
      <p>心灵匹配</p>
    </div>
  </section>
</template>

<script>
  export default {
    name: "marriage-service"
  }
</script>

<style lang="scss" scoped>
  .marriage-ser {
    border:1px solid #fff;
    background-color: #fff;
  }
  .service-item {
    margin: 1.5rem;
    .bg {
      height: 13.3rem;
      background: #999 url("../../assets/images/bg/bg_marriage.png") no-repeat;
      background-size: 100% 100%;
    }
    p {
      font-size: 1.5rem;
      color: #333;
      margin-top: .5rem;
      text-align: center;
    }
  }
</style>
